<!DOCTYPE html>
<html lang="en">
<head>
<title>huangliusong-Vues示例</title>
<script src="./vue.js"></script>
</head>
 
<body>

	<div id="root" @click="handleClick">
		{{message}}
		<item></item> 
	</div>
	
	<script type="text/javascript">
	Vue.component('item',{
		template:'<div>HHHHddddd哈哈哈</div>'
	})
	//创建了一个vue实例
	var vm=new Vue({
		el:'#root',
		data:{
			message:"huangliusong hello haha !"
		},
		methods:{
			handleClick:function(){
				alert("ghjk");
			} 
		}
	})
	</script>
</body>

</html>